@charset "utf-8";
@import "reset";
@import "utils";
@import "common";
body {
    overflow: hidden;
}

.Raffle_relus-web {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to top, #b7b099, #e4e2d1, #fafaf7, #fafaf7, #fafaf7, #fafaf7, #e4e2d1);
    background: -webkit-linear-gradient(to top, #b7b099, #e4e2d1, #fafaf7, #fafaf7, #fafaf7, #fafaf7, #e4e2d1);
    .gongxi {
        width: r(300);
        height: r(100);
        margin: 0 auto;
        @include aImg;
        margin-top: r(40);
        animation: bounceInDown 1s;
    }
    .dian-img {
        height: r(530);
        margin: 0 auto;
        margin-top: r(30);
        
        @include AImg;
        .gg{
            animation: dianchi 15s linear;
        }
        .huode {
            width: r(400);
            height: r(50);
            position: absolute;
            bottom: r(-20);
            overflow: hidden;
            left: 50%;
            transform: translateX(-50%);
            animation: fadeIn 3s;
            img {
                position: absolute;
                width: 100%;
                top: -9999px;
                bottom: -9999px;
                left: -9999px;
                right: -9999px;
                margin: auto;
            }
        }
    }
    
    @keyframes dianchi{
    0%{
        transform: rotate(0);
    }
    
    100% {
        transform: rotateY(360deg);
    }
}
    //  点击领取
    .huoqu {
        width: r(210);
        height: r(85);
        margin: 0 auto;
        margin-top: r(60);
        @include Ajuz;
    }
}

